<html>
<head>
  <title></title>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  <link rel="stylesheet" href="../css/menu/css/estilo.css" type="text/css" />
  <script language="JavaScript" src="css/menu/js/jquery-1.3.2.js" type="text/javascript"></script>
  <script language="JavaScript" type="text/javascript">
  	$(function() {
  		// Evento de clique do elemento: ul#menu li.parent > a
  		$('ul#menu li.parent > a').click(function() {
  			// Expande ou retrai o elemento ul.sub-menu dentro do elemento pai (ul#menu li.parent)
  			$('ul.sub-menu', $(this).parent()).slideToggle('fast', function() {
  				// Depois de expandir ou retrair, troca a classe 'aberto' do <a> clicado       
  				$(this).parent().toggleClass('aberto');
  			});
			return false;
  		});
  	});
  </script>
</head>   

<body>
<ul id="menu">                                 
  <li class="header">Menu</li>                    
	
	<li><a href="cadSuprimento.jsp" title="">Suprimento</a></li>
        <li><a href="cadContrato.jsp" title="">Contrato</a></li>
        <li><a href="cadObra.jsp" title="">Obra</a></li>
        <li><a href="cadUsuario.jsp" title="">Usuario</a></li>
        <li><a href="cadArea.jsp" title="">Area</a></li>
        <li><a href="cadFuncionario.jsp" title="">Funcionario</a></li>
        <li><a href="cadFornecedor.jsp" title="">Fornecedor</a></li>
        <li><a href="../principal.jsp" title="">Voltar</a></li>
	<li><a href="#" title="">NULL</a></li>
	<li class="parent"><a href="#" title="">Teste</a>
		<ul class="sub-menu">                                   
			<li><a href="#" title="">SGS</a></li>
			<li><a href="#" title="">SGS</a></li>
			<li><a href="#" title="">SGS</a></li>
		</ul>
	</li>      
	
</ul>
</body>

</html>
